<!-- 用户组织关系对象，左侧，组织结构树 -->
<template>
  <div class="app-container">
    <dep-tree :handle-node-click="handleNodeClick" />
  </div>
</template>
<script>
import depTree from '@/views/components/depTree/tree'
export default {
  name: 'LeftIndex',
  components: {
    depTree
  },
  data() {
    return {
      // permission: new Map()
      depId: null,
      depName: null
    }
  },
  mounted() {
    // this.permission = this.$store.state.menu.buttonPermission.get('SysUserDep')
  },
  methods: {
    handleNodeClick(data) {
      if (data) {
        this.$emit('depChange', data.id, data.depName)
      } else {
        this.$emit('depChange', null, null)
      }
    }
  }
}
</script>

<style scoped>

</style>
